{% extends 'layout.html' %}
{% load static %}

{#时间插件#}
{{% block css %}
	<link rel="stylesheet" href="{% static 'plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css' %}">
{% endblock %}

{% block content %}

	<div class="container">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">新建用户</h3>
			</div>
			<div class="panel-body">
				{# 表单内容 #}
				<form method="post" novalidate>{# novalidate:不让浏览器作校验 #}
					{% csrf_token %}{# post请求一定加这句 #}

					{% for field in form %}
						<div class="form-group">
							<label>{{ field.label }}{# 取得名称 #}
								{# 名后面接错误信息 #}
								<span style="color:red;font-size:10px">{{ field.errors.0 }}</span>
							</label>
							{{ field }}{# 输入框内容 #}


							{#							<span style="color:red;">{{ field.errors.0 }}</span>#}
						</div>
					{% endfor %}

					<button type="submit" class="btn btn-primary">提 交</button>
				</form>
			</div>
		</div>

	</div>

{% endblock %}

{#时间插件#}
{% block js %}
	<script src="{%  static 'plugins/bootstrap-datepicker/js/bootstrap-datepicker.js' %}"></script>
	<script src="{%  static 'plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js' %}"></script>
	<script>
	$(function () {
	    $('#id_create_time').datepicker({
		    format:'yyyy-mm-dd',
		    startDate:0,
		    language:'zh-CN',
		    autolose:true,
	    });
	})
	</script>

{% endblock %}